<template>
  <div>
    <a-statistic
      title="Active Users"
      :value="112893"
      style="margin-right: 50px"
    >
      <template #suffix>
        后缀
      </template>
    </a-statistic>
    <a-statistic
      title="Account Balance (CNY)"
      :precision="2"
      :value="112893"
    />
    <a-card>
      <a-statistic
        title="Idle"
        :value="9.3"
        :precision="2"
        suffix="%"
        class="demo-class"
        :value-style="{ color: '#cf1322' }"
      >
        <template #prefix>
          箭头
        </template>
      </a-statistic>
    </a-card>
    <a-statistic-countdown
      title="Countdown"
      :value="deadline"
      style="margin-right: 50px"
      format="HH:mm:ss:SSS"
    />
    <a-statistic-countdown
      title="Day Level"
      :value="deadline"
      format="D 天 H 时 m 分 s 秒"
    />
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  data() {
    return {
      deadline: Date.now() + 1000 * 60 * 60 * 24 * 2 + 1000 * 30,
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
